<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动bug问题</title>
		<link rel="stylesheet" href="css/浮动bug.css" />
	</head>
	<body>
		<!-- 元素添加浮动之后,页面结构是元素套元素,一定出问题
		     1.浮动塌陷
			   产生原因：页面元素一定嵌套  父元素没有设置高宽  子元素浮动
			   解决方案1经验：找到没有高度父元素加高度
			   解决方案2推荐：父元素加溢出，按照子元素宽高进行溢出处理  overflow：hidden；
			 2.浮动卡住
			   产生原因：父元素宽度不够  子元素高度超过其他子元素
			   解决方案1经验：【效果左右布局--浮动】给父元素加宽
			   解决方案2推荐：【效果两列布局--浮动】找到卡住元素，添加清除浮动
			 -->
			 <div id="father">
			 	<div class="d1">1</div>
			 	<div class="d2">2</div>
			 	<div class="d3">3</div>
			 	<div class="d4">4</div>
			 	<div class="d5">5</div>
			 </div>
	</body>
</html>